<template>
  <div class="activityRules">
    <mu-appbar :z-depth="0" style="width: 100%;top:0" color="white" text-color="primary">
      <mu-button icon slot="left">
        <header-back></header-back>
      </mu-button>
      活动规则
    </mu-appbar>
    <div class="load-more-wrap">
      <mu-container>
        <mu-paper style="padding: 1rem;margin-top: 1rem">
          <h1>如何邀请/分享？</h1>
          <mu-divider></mu-divider>
          <p>1：通过手机号成功注册本平台</p>
          <p>2：在“我的信息”里面找到“我的二维码”。保存二维码图片后分享此二维码可邀请好友注册/申报</p>
          <p><img width="100%" src="http://www.fahuidata.com/p-1.png"/></p>
          <p><img width="100%" src="http://www.fahuidata.com/p-2.png"/></p>
          <p><img width="100%" src="http://www.fahuidata.com/p-3.jpg"/></p>
          <p>3：每个案件进入到详情页面，右上角有分享案件二维码，保存二维码图片后分享此二维码可邀请好友注册/申报</p>
          <p><img width="100%" src="http://www.fahuidata.com/c-1.png"/></p>
          <p><img width="100%" src="http://www.fahuidata.com/c-2.jpg"/></p>
        </mu-paper>
        <mu-paper style="padding: 1rem;margin-top: 1rem">
          <h1>邀请注册</h1>
          <mu-divider></mu-divider>
          <h3>邀好友赚积分</h3>
          <p>规定范围：必须是本平台新用户</p>
          <p>邀请成功：被邀请人通过我的二维码或案件二维码扫码进入本平台，并手机号注册成功的用户看作邀请成功</p>
        </mu-paper>
        <mu-paper style="padding: 1rem;margin-top: 1rem">
          <h1>邀请申报</h1>
          <mu-divider></mu-divider>
          <h3>邀好友赚奖金</h3>
          <p>规定范围：本平台新注册用户或已注册用户</p>
          <p>邀请成功：被邀请人通过案件二维码扫码进入本平台并且成功申报；或被邀请人通过注册邀请并且申报案件成功</p>
          <p>回馈奖金：被邀请人成功申报并维权律师成功追回申报金额，管理员将该申报的最终追回金额的1%作为奖金回馈给邀请人</p>
        </mu-paper>
      </mu-container>
    </div>
  </div>
</template>
<script>
  import headerBack from '@/components/headerBack';

  export default {
    name: 'activityRules',
    data() {
      return {
        panel: ''
      }
    },
    components: {
      headerBack
    },
    methods: {
      toggle(panel) {
        this.panel = panel === this.panel ? '' : panel;
      }
    },
    mounted: function () {

    }
  }
</script>

<style scoped lang="less">

  .activityRules {
    position: fixed;
    top: 0;
    width: 100%;
    /*overflow: auto;*/
    height: 100%;
    z-index: 999;
    background-color: #f9f9f9;
  }

  .load-more-wrap {
    width: 100%;
    height: 90%;
    overflow: scroll;
  }

  .panel {
    margin-top: 2rem;
  }
</style>
